<template>
	<div class="container pd-t">
		<div class="item pd flex-row bg-white bd-bottom" v-for="index in 4">
			<img class="flex-grow-0 mg-r" src="http://imgsrc.baidu.com/imgad/pic/item/34fae6cd7b899e51fab3e9c048a7d933c8950d21.jpg">
			<div class="flex-grow-1 flex-col">
				<div class="title flex-grow-0">Lv婚纱婚Lv婚纱婚纱Lv婚纱婚纱Lv婚纱婚纱Lv婚纱婚纱Lv婚纱婚纱Lv婚纱婚纱纱</div>
				<div class="jifen flex-grow-1 flex-y-center">3000积分 <span class="subtit through">￥1000</span></div>
				<div class="btn flex-grow-0">
					<div>立即兑换</div>
					<div class="tip">剩余100份</div>
				</div>
			</div>
		</div>
		<div class="pd bd-bottom bg-white">超值兑换</div>
		<div class="chaozhiItem" v-for="index in 6"></div>
	</div>
</template>
<style scoped lang="less">
	.item{
		img{
			width: 4rem;
			height: 4rem;
		}
		.title{
		  word-break: break-all;
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap;
		}
		.btn{
			width:6rem;
			background-color:#F75B93;
			color:#fff;
			text-align:center;
			border-radius:5px;
			.tip{
				font-size:.5rem;
			}
		}
	}
	.chaozhiItem{

	}
</style>